<template>
    <div class="xrw-box">
        <div class="xrw-box-one">
            <img src="../../assets/xrw/l1.jpg" alt="">
        </div>
        <div class="xrw-box-three">
            
            <p class="coop">联系我们</p>
            <p class="coop-top">佛山市易驾星电子科技有限公司</p>
            <p>地址：广东省佛山市顺德区容桂容里居委会昌宝西路3号创和大厦2座702之二 </p>
            <p>项目负责人：余经理</p>
            <p>全国统一客服电话：4000-192-818 4000-192-819</p>
            <p>乘车路线：</p>
            <p>机场出发路线：广州白云机场到佛山顺德嘉信广场下车即可（全程1小时）    </p>
            <p>高铁出发路线：广州南站到佛山容桂站下车即可 （全程15分钟）   </p>
            <p class="coop-bot">大巴出发路线：广州汽车总站（广州火车站旁）到顺德容桂客运站下车即可（全程1个小时）</p>
            
            <baidu-map  ak="YOUR_APP_KEY" class="map" center="广州" :scroll-wheel-zoom="true" :zoom="16">
                <bm-navigation  anchor="BMAP_ANCHOR_TOP_LEFT" ></bm-navigation>
                <!-- <bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation> -->
                <!-- <bm-marker-clusterer :averageCenter="true"> -->
                    <bm-marker :position="{lng: 113.27, lat: 23.13}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
                        <bm-label content="" :labelStyle="{color: 'red', fontSize : '24px'}" :offset="{width: -35, height: 30}"/>
                    </bm-marker>
                <!-- </bm-marker-clusterer> -->
            </baidu-map>
        </div>
        <Weibu/>
        
    </div>
</template>

<script>

import Weibu from '../../components/weibu/weibu.vue'
import {BaiduMap,BmNavigation,BmMarker,BmLabel} from '../../../node_modules/vue-baidu-map/components'
export default {
    name:'cont',
    data(){
        return{

        }
    },
    components: {
        Weibu,
        BaiduMap,
        BmNavigation,
        // BmGeolocation,
        BmMarker,
        BmLabel
    }
}
</script>

<style lang='scss'>
    .xrw-box{
        width: 100%;
        .xrw-box-one{
            width: 100%;
            img{
                width:100%;
            }
        }
       
        .xrw-box-tow{
            width: 70%;
            margin: 0 auto;
            div{
                background: #142B57;
                color: #fff;
                height: 55px;
                line-height: 55px;
                padding-left: 30px;
                h2{
                    font-size: 28px !important;
                    font-weight: normal;
                    font-family: \9ED1\4F53;
                }
            }
        }
        .xrw-box-three{
            margin: 0 auto;
            width:1100px;
            height:1500px;
            .coop{
                color: #142B57;
                text-align: center;
                font-size: 24px;
                margin:50px 0 50px 0;
            }
            .coop-top{
                color: #142B57;
                font-size: 20px;
            }
            .coop-bot{
                margin-bottom: 50px;
            }
            .map {
                width: 550px;
                height: 400px;
            }
            p{
                color: #6e7072;
                line-height: 60px;
                font-size: 18px;
                
            }
            
        }
       
    }
</style>